<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>物业管理</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/ext.css" />
		<script type="text/javascript" src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/lay-common.js"></script>
		<link rel="stylesheet" href="css/ext-other.css" />
	</head>
	<body>
		<div class="page">
			<div class="layui-row layui-col-space10">
				<!-- 第一列 -->
				<div class="layui-col-xs8">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs6">
							<div class="layui-box layui-box-elsic">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tydb">统一待办</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tzgg">通知公告</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick selected" data-target="xxtx">消息提醒</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-more"></div>
								</div>
								<div class="layui-box-content roll">
									<div class="layui-article-list">
										<div class="layui-article-title">
											<div class="title-icon"></div>
											<div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											<div class="title-right">
												<div class="title-right-date">2024-10-10</div>
												<div class="title-right-depart">部门办理</div>
											</div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											<div class="title-icon"></div>
											<div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											<div class="title-right">
												<div class="title-right-date">2024-10-10</div>
												<div class="title-right-depart">部门办理</div>
											</div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											<div class="title-icon"></div>
											<div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											<div class="title-right">
												<div class="title-right-date">2024-10-10</div>
												<div class="title-right-depart">部门办理</div>
											</div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											<div class="title-icon"></div>
											<div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											<div class="title-right">
												<div class="title-right-date">2024-10-10</div>
												<div class="title-right-depart">部门办理</div>
											</div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											<div class="title-icon"></div>
											<div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											<div class="title-right">
												<div class="title-right-date">2024-10-10</div>
												<div class="title-right-depart">部门办理</div>
											</div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="layui-col-xs6">
							<div class="layui-box layui-box-elsic">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">数据维护</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-elsic-chart" id="sjwh"></div>
									<div class="layui-elsic-process">
										<div class="layui-elsic-text">已维护：1021<span>60%</span></div>
										<div class="layui-elsic-process-flex">
											<div class="layui-elsic-process-flex-left" style="width:60%"></div>
											<div class="layui-elsic-process-flex-right" style="width: 40%"></div>
										</div>
										<div class="layui-elsic-process-flex-end">
											<div class="layui-elsic-process-flex-end-left">
												<div class="dot"></div>
												<div class="layui-elsic-text">正常：901
													<span>80%</span>
												</div>
											</div>
											<div class="layui-elsic-process-flex-end-right">
												<div class="dot"></div>
												<div class="layui-elsic-text">停用：901<span>80%</span></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="layui-col-xs12">
							<div class="layui-box layui-box-elsic">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">服务功能</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-elsic-box-items">
										
										<div class="layui-elsic-box-item">
											<div class="layui-elsic-box-item-title">加油</div>
											<div class="layui-elsic-box-item-content">
												<div class="layui-elsic-box-item-content-navs">
													<div class="layui-elsic-box-item-content-nav">
														<div class="layui-elsic-box-item-content-nav-icon">
															<img src="img/2/加油.png" alt="加油" />
														</div>
														<div class="layui-elsic-box-item-content-nav-process">
															<div class="progress" style="width: 80%"></div>
														</div>
													</div>
													<div class="layui-elsic-box-item-content-nav p-top">
														<div class="layui-elsic-box-item-content-nav-title">123<span>个</span></div>
														<div class="layui-elsic-box-item-content-nav-title-sm">占比80%</div>
													</div>
												</div>
											</div>
										</div>
										<div class="layui-elsic-box-item">
											<div class="layui-elsic-box-item-title">加气</div>
											<div class="layui-elsic-box-item-content">
												<div class="layui-elsic-box-item-content-navs">
													<div class="layui-elsic-box-item-content-nav">
														<div class="layui-elsic-box-item-content-nav-icon">
															<img src="img/2/加气.png" alt="加气" />
														</div>
														<div class="layui-elsic-box-item-content-nav-process">
															<div class="progress" style="width: 80%"></div>
														</div>
													</div>
													<div class="layui-elsic-box-item-content-nav p-top">
														<div class="layui-elsic-box-item-content-nav-title">123<span>个</span></div>
														<div class="layui-elsic-box-item-content-nav-title-sm">占比80%</div>
													</div>
												</div>
											</div>
										</div>
										<div class="layui-elsic-box-item">
											<div class="layui-elsic-box-item-title">加油</div>
											<div class="layui-elsic-box-item-content">
												<div class="layui-elsic-box-item-content-navs">
													<div class="layui-elsic-box-item-content-nav">
														<div class="layui-elsic-box-item-content-nav-icon">
															<img src="img/2/加油.png" alt="加油" />
														</div>
														<div class="layui-elsic-box-item-content-nav-process">
															<div class="progress" style="width: 80%"></div>
														</div>
													</div>
													<div class="layui-elsic-box-item-content-nav p-top">
														<div class="layui-elsic-box-item-content-nav-title">123<span>个</span></div>
														<div class="layui-elsic-box-item-content-nav-title-sm">占比80%</div>
													</div>
												</div>
											</div>
										</div>
										
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs12">
							<div class="layui-box layui-box-elsic">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">最久未更新服务区</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-elsic-theme">
										<div class="layui-elsic-theme-item">
											<div class="layui-elsic-theme-title">滦州服务区
												<div class="tip-sm-day">9天未来更新</div>
											</div>
											<div class="layui-elsic-theme-bar">
												<div class="layui-elsic-theme-bar-chart">
													<div class="bar" style="width: 80%;" title="80%"></div>
													<div class="circle">1</div>
												</div>
												<div class="layui-elsic-theme-bar-right">
													<div class="update-text">上次更新日期</div>
													<div class="update-time">2024-11-11 12:00</div>
												</div>
											</div>
										</div>
										<div class="layui-elsic-theme-item">
											<div class="layui-elsic-theme-title">滦州服务区
												<div class="tip-sm-day">9天未来更新</div>
											</div>
											<div class="layui-elsic-theme-bar">
												<div class="layui-elsic-theme-bar-chart">
													<div class="bar" style="width: 60%;" title="60%"></div>
													<div class="circle">2</div>
												</div>
												<div class="layui-elsic-theme-bar-right">
													<div class="update-text">上次更新日期</div>
													<div class="update-time">2024-11-11 12:00</div>
												</div>
											</div>
										</div>
										<div class="layui-elsic-theme-item">
											<div class="layui-elsic-theme-title">滦州服务区
												<div class="tip-sm-day">9天未来更新</div>
											</div>
											<div class="layui-elsic-theme-bar">
												<div class="layui-elsic-theme-bar-chart">
													<div class="bar" style="width: 40%;" title="40%"></div>
													<div class="circle">3</div>
												</div>
												<div class="layui-elsic-theme-bar-right">
													<div class="update-text">上次更新日期</div>
													<div class="update-time">2024-11-11 12:00</div>
												</div>
											</div>
										</div>
										<div class="layui-elsic-theme-item">
											<div class="layui-elsic-theme-title">滦州服务区
												<div class="tip-sm-day">9天未来更新</div>
											</div>
											<div class="layui-elsic-theme-bar">
												<div class="layui-elsic-theme-bar-chart">
													<div class="bar" style="width: 30%;" title="30%"></div>
													<div class="circle">4</div>
												</div>
												<div class="layui-elsic-theme-bar-right">
													<div class="update-text">上次更新日期</div>
													<div class="update-time">2024-11-11 12:00</div>
												</div>
											</div>
										</div>
										<div class="layui-elsic-theme-item">
											<div class="layui-elsic-theme-title">滦州服务区
												<div class="tip-sm-day">9天未来更新</div>
											</div>
											<div class="layui-elsic-theme-bar">
												<div class="layui-elsic-theme-bar-chart">
													<div class="bar" style="width: 10%;" title="10%"></div>
													<div class="circle">5</div>
												</div>
												<div class="layui-elsic-theme-bar-right">
													<div class="update-text">上次更新日期</div>
													<div class="update-time">2024-11-11 12:00</div>
												</div>
											</div>
										</div>
										
									</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box-elsic">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">服务区分类占比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="full-echart" id="fwqflzb">
										加载中
									</div>
									<div class="full-echart-right">
										<div class="full-echart-legend">
											<div class="legend-item">
												<div class="legend1">50</div>
												<div class="legend2">区域综合类</div>
												<div class="legend3">
													<div class="dot" style="background-color: #F7B500"></div>30%
												</div>
											</div>
											<div class="legend-item">
												<div class="legend1">100</div>
												<div class="legend2">基础保障类</div>
												<div class="legend3">
													<div class="dot" style="background-color: #05A09A;"></div>30%
												</div>
											</div>
											<div class="legend-item">
												<div class="legend1">40</div>
												<div class="legend2">特色主题类</div>
												<div class="legend3">
													<div class="dot" style="background-color: #0077FF;"></div>30%
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- 物业管理 -->
		<script src="js/wygl/sjwh.js"></script>
		<script src="js/wygl/fwqflzb.js"></script>
	</body>
</html>
